<template>
    <div class="demo-split">
        <Split v-model="split2" mode="vertical">
            <div slot="top" class="demo-split-pane">
                <h3>猜你喜欢</h3>
            </div>
            <div slot="bottom" class="demo-split-pane">
                Bottom Pane
            </div>
        </Split>
    </div>
</template>

<style>
    .demo-split {
        height: 200px;
        border: 1px solid #dcdee2;
    }

    .demo-split-pane {
        padding: 10px;
    }
</style>

<script>
    export default {
        name: "ForYouRecommend",
        data() {
            return {
                split2: 0.5
            }
        },
    }
</script>

<style scoped>

</style>
